.quadrant .canvas-container {
    height: 393px;
	width: 512px; 
}

.quadrant .canvas {
    cursor:move;
    position: absolute;
    height: 393px;
	width: 512px;
}

.quadrant .controls {
	margin-top: 3px;
    overflow: hidden;
}

.quadrant .dialog-button {
    background: url('../Images/popup.gif') no-repeat;
	border-right: #999 1px solid;
    cursor: pointer; 
    float: left;
    height: 16px;
    margin-right: 3px;
    width: 18px;
}

.quadrant .dialog-button:hover {
	background-position: -18px 0px
}

.quadrant .zoom-button {
    cursor: pointer;
    float: left;
    height: 16px;
    margin-right: 3px;
    width: 15px;
}

.quadrant .zoom-button:hover {
    background-position: -18px 0;
}

.quadrant .large {
    background: url('../Images/zoom_large.gif') no-repeat;
}

.quadrant .medium {
    background: url('../Images/zoom_medium.gif') no-repeat;
}

.quadrant .small {
    background: url('../Images/zoom_small.gif') no-repeat;
}

.quadrant .navigator {
    border: #999 2px solid;
    cursor: pointer;
	float: left;
    height: 77px;
    margin-left: 98px;
    margin-top: 5px;
    position: absolute;
    width: 115px;
    z-index: 1;
}

.quadrant .navigator-button {
    background-image: url("../Images/navigator.gif");
    border-left: 1px solid #999999;
    cursor: pointer;
    float: left;
    height: 16px;
    width: 16px;
}

.quadrant .selected {
	background-position: -18px 0px;
    border-bottom: #666 2px solid;
}